.solution{background:#fff}.solution .solution-header{height:300px;background:url(../img/solution-header.771d6521.jpg) top no-repeat;background-size:auto 100%}.solution .solution-header .header-contnet{width:1200px;padding-top:108px;margin:0 auto}.solution .solution-header .header-contnet .title{font-size:36px;color:#fff;line-height:48px;margin-bottom:12px}.solution .solution-header .header-contnet .tips{font-size:18px;color:hsla(0,0%,100%,.8);line-height:24px}.solution .solution-content{width:1200px;margin:auto;background:#fff}.solution .solution-content .solution-list{display:flex;flex-wrap:wrap;margin-bottom:40px}.solution .solution-content .solution-list .solution-item{width:384px;height:380px;background:#fff;box-shadow:0 0 10px 0 rgba(8,31,82,.15);border-radius:4px 4px 4px 4px;margin-right:24px;margin-top:30px;cursor:pointer}.solution .solution-content .solution-list .solution-item:nth-child(3n){margin-right:0}.solution .solution-content .solution-list .solution-item:hover{box-shadow:0 0 18px 0 rgba(57,142,255,.3)}.solution .solution-content .solution-list .solution-item:hover .title{color:#2a66e7}.solution .solution-content .solution-list .solution-item img{width:384px;height:200px}.solution .solution-content .solution-list .solution-item .title{font-size:20px;font-weight:700;color:#3d3d3d;line-height:26px;margin:20px 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.solution .solution-content .solution-list .solution-item .tips{width:324px;font-size:16px;color:#999;line-height:26px;margin:0 30px 26px 30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;word-break:break-all}